<template>
	<uni-popup ref="popup" type="center" :mask-click="true">
		<!-- 宽度为80% -->
		<view style="width: 600rpx;">
			<view class="zy-column-center-v zy-bg-white-r30 zy-ph">
				<!-- 图片和标题 -->
				<view class="zy-row-center zy-mv-lg">
					<image src="@/static/img/horn-black.png" class="zy-icon-lg" mode="widthFix"></image>
					<view class="zy-text-black-lg-bold zy-ml">Successful purchase</view>
				</view>
				<zy-line></zy-line>
				<view class="zy-row-center zy-text-gray zy-mt-lg">
					<view>Get </view>
					<view class="zy-text-main zy-ml-sm">200 ZONE</view>
					<view class="zy-ml-sm">SVIP:</view>
					<view class="zy-text-main zy-ml-sm">30</view>
					<view class="zy-ml-sm">hair</view>
				</view>
				<view class="zy-text-gray zy-mt">Masa tamat tempoh</view>
				<view class="zy-text-main zy-mt">27/02/2024 0:00</view>
				<zy-button  class="zy-mt-50 zy-mb-lg" content="OK" style="width: 90%;"></zy-button>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name:"popup-buy-vip2",
		data() {
			return {
				
			};
		},
		methods:{
			open() {
				this.$refs.popup.open()
			}
		}
	}
</script>

<style lang="scss">

</style>